<template>
  <component :is="ct.comp.guide" />
  <div class="dljjc_box3_x" style="min-height: 100vh">
    <m-tabs
      :value="`party_${cfg.route.params?.id}`"
      :data="val"
      @update:value="ct.tabhand"
      :list="ct.tablist"
    />
    <!-- 公会战 -->
    <template v-if="cfg.route.name == 'raids_zy'">
      <component :is="ct.comp.ghz" />
    </template>
  </div>
</template>

<script>
import { cfg } from "@/cfg/cfg.js";
import guide from "./set/gt.vue";

export default {
  setup() {
    const ct = {
      tabhand: (routename) => {
        cfg.router.push({
          path: `/gt/guide/${routename}`,
        });
      },
      comp: {
        ghz: defineAsyncComponent(() => import(`./comp/team_ghz.vue`)),
        guide,
      },
      tablist: [
        { name: "party_qly", title: "协力讨伐队伍千里眼" },
        { name: "party_comp", title: "其他玩法队伍推荐" },
      ],
    };
    const val = reactive({});
    onMounted(async () => {});
    return { cfg, ct, val };
  },
};
</script>
